<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>品优购详情页</title>
    <!-- 网站图标 -->
    <link rel="icon" href="./img/favicon.ico" />
    <!-- 引入CSS -->
    <link rel="stylesheet" href="./css/css.css" />
  </head>
  <body>
    <div class="div">
      <div class="div1 w">
        <p>
          品优购欢迎您! 请登录
          <a class="a1" href="#">免费注册</a>
        </p>
        <ul>
          <li><a href="#">我的订单</a></li>
          <li><a href="#">我的品优购 &#xe611;</a></li>
          <li><a href="#">品优购会员</a></li>
          <li><a href="#">企业采购</a></li>
          <li><a href="#">关注品优购&#xe611;</a></li>
          <li><a href="#">客户服务&#xe611;</a></li>
          <li><a href="#">网站导航&#xe611;</a></li>
        </ul>
      </div>
    </div>
    <!-- 导航栏结束 -->
    <div class="box w">
      <div class="box1">
        <img src="./img/logo.png" alt="" />
      </div>
      <div class="box2">
        <input type="text" name="" id="" />
        <a class="a1" href="#">搜索</a>
        <a href="#"><span>&#xe643;</span>我的购物车</a>
        <ul>
          <li><a href="#">优惠购首发</a></li>
          <li><a href="#">亿元优惠</a></li>
          <li><a href="#">9.9元团购</a></li>
          <li><a href="#">每满99减30</a></li>
          <li><a href="#">办公用品</a></li>
          <li><a href="#">电脑</a></li>
          <li><a href="#">通信</a></li>
        </ul>
      </div>
    </div>
    <div class="quanbu">
      <div class="shangping w">
        <div class="shangp">
          全部商品分类
        </div>
        <ul>
          <li><a href="#">服装城</a></li>
          <li><a href="#">美妆馆</a></li>
          <li><a href="#">传智超市</a></li>
          <li><a href="#">全球购</a></li>
          <li><a href="#">闪购</a></li>
          <li><a href="#">团购</a></li>
          <li><a href="#">拍卖</a></li>
          <li><a href="#">有趣</a></li>
        </ul>
      </div>
    </div>
    <!-- 分类结束 -->
    <div class="banxin w">
      <ul>
        <li><a href="#">手机、数码、通讯 ></a></li>
        <li><a href="#">手机 ></a></li>
        <li><a href="#">Apple苹果 > </a></li>
        <li><a href="#">iphone 6s plus系类</a></li>
      </ul>
      <div class="tupian"></div>
      <div class="banxin1">
        <h4>Apple iPhone 6s (A1700) 64G玫瑰金 移动通信电信手机</h4>
        <p>推荐选择下方[移动优惠购]，手机套餐齐搞定，不用换号，每月还有话费返</p>
        <div class="banxin2">
          <span>价格</span>
          <p>￥5299.00</p>
          <span>降价通知</span>
          <span>累计评价612188</span><br />
          <span>促销</span>
          <span> &nbsp; 加购价&nbsp; </span>
          <span>满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00 </span><br />
          <span>元，即可在购物车换购 够热销商品 详情》 </span>
        </div>
      </div>
      <div class="tupian3">
        <div class="t1"></div>
        <div class="t2"></div>
        <div class="t3"></div>
        <div class="t4"></div>
        <div class="t5"></div>
        <div class="t6"></div>
        <div class="t7"></div>
      </div>
    </div>
    <!-- 结尾区 -->
    <div class="jiewei">
      <div class="jiewei1">
        <div class="w1">
          <div class="j1"></div>
          <h5>1正品保障</h5>
          <p>正品保障，提供发票</p>
        </div>
        <div class="w2">
          <div class="j2"></div>
          <h5>2正品保障</h5>
          <p>正品保障，提供发票</p>
        </div>
        <div class="w3">
          <div class="j3"></div>
          <h5>正品保障</h5>
          <p>正品保障，提供发票</p>
        </div>
        <div class="w4">
          <div class="j4"></div>
          <h5>正品保障</h5>
          <p>正品保障，提供发票</p>
        </div>
        <div class="w5">
          <div class="j5"></div>
          <h5>正品保障</h5>
          <p>正品保障，提供发票</p>
        </div>
      </div>
      <div class="jiewei2">
        <ul>
          <li><a href="#">购物指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员介绍</a></li>
          <li><a href="#">生活旅行/团购</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">大家电</a></li>
          <li><a href="#">联系客服</a></li>
        </ul>
        <ul>
          <li><a href="#">购物指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员介绍</a></li>
          <li><a href="#">生活旅行/团购</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">大家电</a></li>
          <li><a href="#">联系客服</a></li>
        </ul>
        <ul>
          <li><a href="#">购物指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员介绍</a></li>
          <li><a href="#">生活旅行/团购</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">大家电</a></li>
          <li><a href="#">联系客服</a></li>
        </ul>
        <ul>
          <li><a href="#">购物指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员介绍</a></li>
          <li><a href="#">生活旅行/团购</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">大家电</a></li>
          <li><a href="#">联系客服</a></li>
        </ul>
        <ul>
          <li><a href="#">购物指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员介绍</a></li>
          <li><a href="#">生活旅行/团购</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">大家电</a></li>
          <li><a href="#">联系客服</a></li>
        </ul>
        <ul>
          <li>
            <a href="#">帮助中心</a>
          </li>
          <li><div class="er"></div></li>
          <li><a href="#">品优购客户端</a></li>
        </ul>
      </div>
      <div class="jiewei3 w">
        <ul>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">联系客服</a></li>
          <li><a href="#">商家入驻</a></li>
          <li><a href="#">营销中心</a></li>
          <li><a href="#">手机品优购</a></li>
          <li><a href="#">友情链接</a></li>
          <li><a href="#">销售联盟</a></li>
          <li><a href="#">品优购社区</a></li>
          <li><a href="#">品优购公益</a></li>
          <li><a href="#">English Site </a></li>
          <li><a href="#">Contact U</a></li>
        </ul>
      </div>
      <div class="jiewei4">
        <p>
          地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
        </p>
        <p>京ICP备08001421号京公网安备110108007702</p>
      </div>
    </div>
  </body>
</html>
